<style>
.parent-category{float:left; width:100%; height:auto; min-height:100%;}
.parent-category ul{margin:0; padding:0; width:100%;}
.parent-category ul li{list-style:none; text-align:center; height:50px; line-height:50px; white-space:nowrap; width:100%; border-bottom:1px solid #e0e0e0; position:relative; right:-1px;}
.parent-category ul li.active{border-right:1px solid #fff; z-index: 10000}
.parent-category ul li a{color:#333; display:inline-block; width:100%; height:100%; text-decoration:none;}
.children-category{width:100%; min-height:100%; height:auto; color: #252525;}
.children-category ul{list-style:none; margin:0; padding:0; overflow-y:auto; overflow-x:hidden; border-left:1px solid #e0e0e0; min-height:100%;}
.children-category ul li{text-align:left; height: 32px; line-height: 32px; padding-left: 10px}
.children-category ul li.delivery-tips{height:25px; line-height:25px; margin-top: -15px; font-size: .65rem; color: #ff2d4b}
.children-category ul li a{display:inline-block; width:100%; height:100%; text-decoration:none; color:#333;}
.children-category ul li a span{font-size: .6rem; color: #999;}
.children-category .block{display:block; color:#ef1e15; font-size:.6rem;}
</style>
<div class="fui-page order-create-page fui-page-current" ng-if="pagedata.op == 'main'">
    <div class="fui-header">
		<div class="fui-header-left" ng-click="goback()">
            <a class="back"></a>
        </div>
		<div class="title">预约用餐</div>
		<div class="fui-header-right"></div>
	</div>
	<div class="fui-content  navbar" ng-if="!pagedata.isyuding">
		 <div class="weui_cells">
			 <div class="weui_cell">
					<div class="weui_cell_hd"><label for="" class="weui_label">用餐日期</label></div>
					<div class="weui_cell_bd weui_cell_primary">
						<input class="weui_input" type="date" value="" ng-model="pagedata.post.user_time">
					</div>
			</div>
		</div>
		<div class="weui_cells_title">选择餐桌</div>
		<div class="weui_cells weui_cells_radio">
				<label class="weui_cell weui_check_label dashed" style="padding:3px 15px" ng-repeat="item in pagedata.tables">
					<div class="weui_cell_bd weui_cell_primary">
						<span>{{item.title}}</span>
					</div>
					<div class="weui_cell_ft" ng-click="pagedata.post.group_id=item.id;pagedata.groupname=item.title;pagedata.table_list=item.table_list" data-toggle="modal" data-target="#selecttable">
						<input type="radio" class="weui_check" name="radio1">
						<span class="weui_icon_checked"></span>
					</div>
				</label>
		</div>
		<div class="weui_cells">
			<div class="weui_cell">
				<div class="weui_cell_bd weui_cell_primary">
                    <span>用餐人数</span>
                </div>
                <div class="weui_cell_ft">
				<span ng-click="pagedata.post.user_num = pagedata.post.user_num-1;" class="minus icon jinyunicon icon-jian" style="color:#f60"></span>
				<span class="num">{{pagedata.post.user_num}}</span>
				<span ng-click="pagedata.post.user_num = pagedata.post.user_num+1;" class="plus icon jinyunicon icon-jia" style="color:#f60"></span>
                </div>
            </div>
        </div>
		<div class="weui_cells">
		 <div class="weui_cell weui_vcode">
                <div class="weui_cell_hd"><label class="weui_label">姓名</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ng-model="pagedata.post.user_name" placeholder="请输入您的姓名">
                </div>
            </div>
            <div class="weui_cell weui_vcode">
                <div class="weui_cell_hd"><label class="weui_label">手机</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="number" ng-model="pagedata.post.mobile" placeholder="请输入您的手机号码">
                </div>
            </div>
		</div>
		<a href='javascript:;' ng-click="post(pagedata.post,'post')" class='btn btn-success block'>确认预订</a>
	</div>
	<div class="fui-content" ng-if="pagedata.isyuding">
		<div class="content-empty">
			<i class="icon jinyunicon icon-smile" style="width: 6rem;margin-bottom: 0.5rem;font-size:2rem"></i><br/><p style="color: #999;font-size: .75rem">您已预约成功！</br>预约餐桌：{{pagedata.yuding.tablename}}</br>预订状态：{{pagedata.yuding.status}}</p>
		</div>
	</div>
<div id="selecttable"  class="modal fade" tabindex="-1" style="z-index: 99999; display: none;">
	<div class="modal-dialog" style="width:90%;bottom:10%;left:5%;">
	<div class="modal-content" style="border-radius: 4px;">
		<div aria-hidden="true" data-dismiss="modal" class="closebtn"><i class="icon jinyunicon icon-wrong"></i></div>
		<div class="fui-line" style="width:6rem;margin:0.5rem auto 0 auto">
			<div class="text text-danger" style="background-color:#fff" >请选择餐桌</div>
		</div>
		<div class="row margin0" style="height:300px">
			<div class="col-xs-3">
				<div class="parent-category" id="delivery-time-parent">
					<ul>
							<li class="active"><a href="javascript:;">{{pagedata.groupname}}</a></li>
					</ul>
				</div>
			</div>
			<div class="col-xs-9">
				<div class="children-category" id="delivery-time-children">
					<div class="children-category-wrapper">
						<ul id="category1" aria-hidden="true" data-dismiss="modal">
								<li class="time-flag"><a href="javascript:;" ng-click="pagedata.selectname='现场入座'">随机餐桌 <span>(现场入座)</span></a></li>
								<li class="delivery-tips time-flag">根据人数选择餐桌</li>
								<li ng-repeat="item in pagedata.table_list" ng-click="pagedata.post.table_id=item.id;pagedata.selectname=item.title">
									<a href="javascript:;">{{item.title}} <span>({{pagedata.groupname}})</span></a>
								</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
scope.pagedata.post.user_num = 2;
</script>